<template>
    
    <div class="login_content">
        <Header />
        <input type="text" class="userphone" placeholder="手机号" v-model="utul"><br>
        <input type="password" class="userpass" placeholder="密码" v-model="upass"><br>
        <input type="button" value="登录" class="login_btn" @click="login()"><br>
        <input type="button" value="去注册" class="pass_btn"  @click="fun()">
        <Footer />
    </div>
        
</template>

<script>
import link from "../../../../apis/link";
export default {
    name:"Logincontent",
    data(){
        return{
            utul:"",
            upass:""
        }
    },
     methods:{
        fun(){
            this.$router.push("/register")
        },
        login(){
            link("/user/login","post",{},{
                utel:this.utul,
                upass:this.upass
            }).then((ok)=>{
                console.log(ok);

            }).catch((err)=>{
                console.log(err);
            })
        }
    }

}
</script>

<style scoped>
.login_content{
    margin-top: 0.2rem;
    font-size: 0.16rem;
}
    .userphone ,.userpass{
        width: 3.66rem;
        height: 0.5rem;
        display: block;
        margin: auto;
        border: none;
        border-bottom: 1px solid #e7e7e7;
    }
    .login_btn{
        width: 3.66rem;
        height: 0.35rem;
        display: block;
        margin: auto;
        border: none;
        color: white;
        background-color: #9fceff;
    }
    .pass_btn{
       display: block;
       margin: auto;
       background-color: white;
       border: none;
       color: #2e96ff;
    }
</style>